<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>局部腐蚀监测工作状态</title>
    <script src="{{url_for('static',filename='js/jquery-3.6.1.js')}}" type="text/javascript" charset="utf-8"></script>
</head>

<body>

    <img src="{{url_for('static',filename='img/logo.png')}}" />
    <div class="btn">
        <p class="title">
        局部腐蚀监测工作状态
        </p>
        <input type="button" value="返回主菜单" class="btn2" onclick="window.location.href = '{{url_for('Home')}}'">
    </div>
    <div class="btn">
        <input type="button" value="CM1" class="btn1" style=background-color:grey onclick="window.location.href = '{{url_for('CorrosionCheck',id=1)}}'">
        <input type="button" value="CM2" class="btn1" style=background-color:grey onclick="window.location.href = '{{url_for('CorrosionCheck',id=2)}}'">
        <input type="button" value="CM3" class="btn1" style=background-color:grey onclick="window.location.href = '{{url_for('CorrosionCheck',id=3)}}'">
        <input type="button" value="CM4" class="btn1" style=background-color:grey onclick="window.location.href = '{{url_for('CorrosionCheck',id=4)}}'">
        <input type="button" value="CM5" class="btn1" style=background-color:grey onclick="window.location.href = '{{url_for('CorrosionCheck',id=5)}}'">
        <input type="button" value="CM6" class="btn1" style=background-color:grey onclick="window.location.href = '{{url_for('CorrosionCheck',id=6)}}'">
        <input type="button" value="CM7" class="btn1" style=background-color:grey onclick="window.location.href = '{{url_for('CorrosionCheck',id=7)}}'">
        <input type="button" value="CM8" class="btn1" style=background-color:grey onclick="window.location.href = '{{url_for('CorrosionCheck',id=8)}}'">
    </div>
    <div class="btn">
        <input type="button" value="CM9" class="btn1"  style=background-color:grey onclick="window.location.href = '{{url_for('CorrosionCheck',id=9)}}'">
        <input type="button" value="CM10" class="btn1" style=background-color:grey onclick="window.location.href = '{{url_for('CorrosionCheck',id=10)}}'">
        <input type="button" value="CM11" class="btn1" style=background-color:grey onclick="window.location.href = '{{url_for('CorrosionCheck',id=11)}}'">
        <input type="button" value="CM12" class="btn1" style=background-color:grey onclick="window.location.href = '{{url_for('CorrosionCheck',id=12)}}'">
        <input type="button" value="CM13" class="btn1" style=background-color:grey onclick="window.location.href = '{{url_for('CorrosionCheck',id=13)}}'">
        <input type="button" value="CM14" class="btn1" style=background-color:grey onclick="window.location.href = '{{url_for('CorrosionCheck',id=14)}}'">
        <input type="button" value="CM15" class="btn1" style=background-color:grey onclick="window.location.href = '{{url_for('CorrosionCheck',id=15)}}'">
        <input type="button" value="CM16" class="btn1" style=background-color:grey onclick="window.location.href = '{{url_for('CorrosionCheck',id=16)}}'">
    </div>
    <div class="btn">
        <input type="button" value="CM17" class="btn1" style=background-color:grey onclick="window.location.href = '{{url_for('CorrosionCheck',id=17)}}'">
        <input type="button" value="CM18" class="btn1" style=background-color:grey onclick="window.location.href = '{{url_for('CorrosionCheck',id=18)}}'">
        <input type="button" value="CM19" class="btn1" style=background-color:grey onclick="window.location.href = '{{url_for('CorrosionCheck',id=19)}}'">
        <input type="button" value="CM20" class="btn1" style=background-color:grey onclick="window.location.href = '{{url_for('CorrosionCheck',id=20)}}'">
        <input type="button" value="CM21" class="btn1" style=background-color:grey onclick="window.location.href = '{{url_for('CorrosionCheck',id=21)}}'">
        <input type="button" value="CM22" class="btn1" style=background-color:grey onclick="window.location.href = '{{url_for('CorrosionCheck',id=22)}}'">
        <input type="button" value="CM23" class="btn1" style=background-color:grey onclick="window.location.href = '{{url_for('CorrosionCheck',id=23)}}'">
        <input type="button" value="CM24" class="btn1" style=background-color:grey onclick="window.location.href = '{{url_for('CorrosionCheck',id=24)}}'">
    </div>
    <div class="btn">
        <input type="button" value="CM25" class="btn1" style=background-color:grey onclick="window.location.href = '{{url_for('CorrosionCheck',id=25)}}'">
        <input type="button" value="CM26" class="btn1" style=background-color:grey onclick="window.location.href = '{{url_for('CorrosionCheck',id=26)}}'">
        <input type="button" value="CM27" class="btn1" style=background-color:grey onclick="window.location.href = '{{url_for('CorrosionCheck',id=27)}}'">
        <input type="button" value="CM28" class="btn1" style=background-color:grey onclick="window.location.href = '{{url_for('CorrosionCheck',id=28)}}'">
        <input type="button" value="CM29" class="btn1" style=background-color:grey onclick="window.location.href = '{{url_for('CorrosionCheck',id=29)}}'">
        <input type="button" value="CM30" class="btn1" style=background-color:grey onclick="window.location.href = '{{url_for('CorrosionCheck',id=30)}}'">
        <input type="button" value="CM31" class="btn1" style=background-color:grey onclick="window.location.href = '{{url_for('CorrosionCheck',id=31)}}'">
        <input type="button" value="CM32" class="btn1" style=background-color:grey onclick="window.location.href = '{{url_for('CorrosionCheck',id=32)}}'">
    </div>
    <div class="back1">
        宁波科金工业腐蚀监测技术有限公司
    </div>
    <div class="back2">
        Ningbo Kejin Industry Corrosion Monitoring
    </div>
    <div class="back2">

        Technology Ltd.
    </div>

</body>
</html>
<script>
window.onload = function(){
        $.ajax({
            url: "/corrosion/workstatusdata",
            type: "get",
            dataType: "json",
            success: function(data){
                /*这个方法里是ajax发送请求成功之后执行的代码*/

                alert("ajax连接成功：workstatusdata");
            },
            error: function(msg){
                alert("ajax连接异常："+workstatusdata);
            }
        });

        $.ajax({
            url: "/corrosion/workstatusremarks",
            type: "get",
            dataType: "json",
            success: function(data){
                /*这个方法里是ajax发送请求成功之后执行的代码*/
                alert("ajax连接成功：workstatusremarks");
            },
            error: function(msg){
                alert("ajax连接异常：workstatusremarks");
            }
        });
    };
 //展示数据
 /*
  function showData(data) {
          var str = "";//定义用于拼接的字符串
          document.getElementById("logisticsNum").innerHTML=data.logistics;
          document.getElementById("company").innerHTML=data.company;
          let dynamic = data.dynamic
    console.log(dynamic)
          for (var i = 0; i < dynamic.length; i++) {
              //拼接元素
              str =
              "<p> <span>"+ dynamic[i].time + "</span> <span style='padding-left:15px'>"
              + dynamic[i].message + "</span> </p > "

            //追加到div中
              $("#dynamicAddP").append(str);         }
     }
     */
</script>
<style>
    .title {
        line-height: 80px;
        text-align: center;
        font-size: 20px;
    }

    .btn2 {
        width: 80px;
        height: 50px;
        border-radius: 20%;
        display: block;
        margin: auto
    }
    .btn1 {
        width: 100px;
        height: 100px;
        border-radius: 50%;
        display: block;
        margin: auto
    }

    .btn {
        display: flex;
        flex-direction: row
    }

    .back1 {
        position: relative;
        top: 550px;
        font-size: 25px;
        text-align: right;
    }

    .back2 {
        top: 555px;
        position: relative;
        font-size: 25px;
        text-align: right;
    }
</style>

